<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{$name}</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="apple-touch-fullscreen" content="YES">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>

    <!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->
    <!--<meta name="apple-mobile-web-app-capable" content="yes">-->

    <!--<link rel="stylesheet" type="text/css" href="//cdn.bootcss.com/animate.css/3.5.2/animate.min.css">-->
    <!--<link rel="stylesheet" type="text/css" href="libs/animate.css">-->

    <!--<link rel="stylesheet" type="text/css" href="style/base.css">-->
    <link rel="stylesheet" type="text/css" href="/Public/css/RedPacket/base.css">

    <!--<link rel="stylesheet/less" type="text/css" href="style/index.less">-->
    <link rel="stylesheet" type="text/css" href="/Public/css/RedPacket/index.css">
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
</head>
<body class="background">
    <div class="viewport">
        <div class="container">
            <ul class="scene unselectable"
                data-friction-x="0.1"
                data-friction-y="0.1"
                data-scalar-x="25"
                data-scalar-y="15"
                data-limit-y="10"
                data-limit-x="200"
            >
                <li class="layer" data-depth="0.00">
                    <div class="page">
                        <img class="txt-qhb" src="/Public/images/RedPacket/index/txt_qhb.png">
                    </div>
                </li>
                <li class="layer" data-depth="0.30">
                    <div class="anim-wave-normal cloud cloud1">
                        <img src="/Public/images/RedPacket/index/cloud1.png">
                    </div>
                </li>
                <li class="layer" data-depth="0.20">
                    <div class="anim-wave-little redpacket-wrapper">
                        <img id="redpacket" src="/Public/images/RedPacket/index/redpacket.png">
                        <div class="face-wrapper">
                            <img id="face" src="/Public/images/RedPacket/index/face1.png">
                        </div>
                    </div>
                </li>
                <li class="layer" data-depth="0.35">
                    <div class="anim-wave-normal cloud cloud2">
                        <img src="/Public/images/RedPacket/index/cloud2.png">
                    </div>
                </li>
                <li class="layer" data-depth="0.40">
                    <div class="anim-wave-normal cloud cloud3">
                        <img src="/Public/images/RedPacket/index/cloud3.png">
                    </div>
                </li>
            </ul>
            <div class="enter-game"></div>
        </div>
    </div>

    <script>
        // !注意: 方便起见，全局变量 g_data 用于 jquery.parallax.js 中 记录一些信息
        // 因此 jquery.parallax.js 是添加过额外代码的
        var g_data = {
            logs : [],
            x : 0,
            y : 0
        };
        var share_able = <?php echo $share_able?>;
    </script>

<!--<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.5.3/less.min.js"></script>-->
<!--<script src="libs/less.js"></script>-->
<!--<script src="//cdn.bootcss.com/zepto/1.2.0/zepto.min.js"></script>-->
<!--<script src="libs/jquery-3.1.1.min.js"></script>-->
<script src="/Public/js/jquery-3.1.1.min.js"></script>
<!--<script src="libs/jquery.parallax.js"></script>-->
<script src="/Public/js/jquery.parallax.js"></script>

<!--common of all js file-->
<script src="/Public/js/RedPacket/common.js"></script>

    <!--<audio style="display:none" id="bgm" preload="metadata" controls autoplay="false"></audio>-->

<audio id="bgm" autoplay="true" loop="true">
    Your browser does not support the audio element.
</audio>

<!--add self scrip file-->
<script src="/Public/js/RedPacket/index.js?v=7"></script>
<script src="/Public/js/common/baidutongji.js"></script>
</body>
</html>